html{ font-size:16px;}

body{ padding-top:76px; font-family:arial,verdana,helvetica,PingFang SC,HanHei SC,STHeitiSC-Light,Microsoft Yahei,sans-serif;}

.header_bg{ background-color:#00487a }


.big_banner_item{height: 360px; background: no-repeat center center/cover;}

@media screen and (max-width:768px) {
    .big_banner_item{ height: 200px;}
}


@media (max-width: 767.98px) {
    .offcanvas-collapse {
        position: fixed;
        top: 76px; /* Height of navbar */
        z-index:16;
        left:0;
        bottom: 0;
        width:100%;
        box-sizing:border-box;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        background-color:#00487a;
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    .offcanvas-collapse.open {
        -webkit-transform: translateX(-0rem);
        transform: translateX(-0rem); /* Account for horizontal padding on navbar */
    }
    .navbar-nav .nav-link{ padding:.6em 0; border-bottom:1px solid #003f72;}
    .navbar-nav .nav-link:after{ position: absolute;top:20px; right:10px;}
    .dropdown-menu{ border:0; border-radius:0;}
}

@media screen and (min-width: 768px) {

    .navbar{ padding:0;}
    .navbar-nav .active>.nav-link{color:var(--white)!important; background-color: #be9f5f}
    .navbar-nav .nav-link:after{ display: none;}
    .navbar-nav .nav-link{ color:#fff!important; width: 100px; height: 76px; line-height: 76px; padding:0; text-align: center;}

    .dropdown-menu{ border:0; border-radius:0; margin:0; padding:0; background-color: #00487a;}
    .dropdown-menu .dropdown-item{ padding:.5em; padding-left:1em; color:#fff;}
    .dropdown-menu .dropdown-item:hover{ background-color: #be9f5f}
}

.index_title_en{ color:#be9f5f;}
.index_title_en+h4{ font-weight: bold;}

.index_page_bg_gray{ background-color: #f8f8f8}

.right_nav_box{ width: 260px; margin-left:30px;}

.right_nav_box .nav-pills .nav-link{ height: 50px; line-height:50px; padding:0; border-radius: 50px; text-align: center; border:1px solid #00487a; color:#00487a; margin-bottom: 20px;}
.right_nav_box .nav-pills .nav-link.active, .nav-pills .show>.nav-link{ background-color: #00487a; color:#fff;}

.content_pic_txt_body{ line-height: 2;}
.content_pic_txt_body img{ max-width: 100%!important;}
.pic_thumbnail_h_200{ height: 200px; background: no-repeat center center / cover;}